html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th {
  text-align: left;
  font-weight: normal;
}
html,
body,
fieldset,
img,
iframe,
abbr,
input {
  border: 0;
}
i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}
[hidefocus],
summary {
  outline: 0;
}
ul,
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
}
sup,
sub {
  font-size: 83%;
}
pre,
code,
kbd,
samp {
  font-family: inherit;
}
q:before,
q:after {
  content: none;
}
textarea {
  overflow: auto;
  resize: none;
}
label,
summary {
  cursor: default;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: bold;
}
del,
ins,
u,
s,
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button,
select,
keygen,
legend {
  font: 12px "\5B8B\4F53";
  color: #727272;
  outline: 0;
}
body {
  background: #fff;
}
a {
  color: #727272;
}
a:hover {
  text-decoration: none;
}
td,
th,
input {
  border: none;
}
i {
  display: block;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/*——————通用模块Made in 邓元翔——————*/
.block_center {
  margin: 0 auto;
}
.center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/*圆形，波纹放射效果*/
.f-cb:after,
.f-cbli li:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
.f-cb,
.f-cbli li {
  zoom: 1;
}
.f-ib {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.f-dn {
  display: none;
}
.f-db {
  display: block;
}
.f-pr {
  position: relative;
}
.f-pf {
  position: fixed;
  top: 0;
  left: 0;
}
.f-prz {
  position: relative;
  zoom: 1;
}
.f-oh {
  overflow: hidden;
}
.f-ff0 {
  font-family: "\5B8B\4F53";
}
.f-ff1 {
  font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
}
.f-fs1 {
  font-size: 12px;
}
.f-fs2 {
  font-size: 14px;
}
.f-fwn {
  font-weight: normal;
}
.f-fwb {
  font-weight: bold;
}
.f-tal {
  text-align: left;
}
.f-tac {
  text-align: center;
}
.f-tar {
  text-align: right;
}
.f-taj {
  text-align: justify;
  text-justify: inter-ideograph;
}
.f-vam,
.f-vama * {
  vertical-align: middle;
}
.f-wsn {
  word-wrap: normal;
  white-space: nowrap;
}
.f-pre {
  overflow: hidden;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
.f-wwb {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
.f-ti {
  overflow: hidden;
  text-indent: -30000px;
}
.f-ti2 {
  text-indent: 2em;
}
.f-lhn {
  line-height: normal;
}
.f-tdu,
.f-tdu:hover {
  text-decoration: underline;
}
.f-tdn,
.f-tdn:hover {
  text-decoration: none;
}
.f-toe {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.f-csp {
  cursor: pointer;
}
.f-csd {
  cursor: default;
}
.f-csh {
  cursor: help;
}
.f-csm {
  cursor: move;
}
.f-usn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.f-pl15 {
  padding-left: 15px;
}
.f-pl25 {
  padding-left: 25px;
}
.f-pr28 {
  padding-right: 28px;
}
.f-mr10 {
  margin-right: 10px;
}
.left {
  float: left;
}
.right {
  float: right;
}
.f-red {
  color: red;
}
.f-1650b1 {
  color: #1650b1;
}
.f-w170 {
  width: 170px;
}
.f-w110 {
  width: 110px;
}
.f-w50 {
  width: 50px;
}
.f-spam70 {
  width: 70px;
  text-align: right;
}
.f-w362 {
  width: 362px;
}
.f-text-input {
  border: 1px solid #dadada;
  background: #fff;
  height: 16px;
}
.f-pe10 {
  width: 10%;
}
.f-pe15 {
  width: 15%;
}
.f-pe20 {
  width: 20%;
}
.f-pe25 {
  width: 25%;
}
.f-pe30 {
  width: 30%;
}
.f-pe35 {
  width: 35%;
}
/*=== 前台首页、招商通用头部导航模块 ===*/
.g-hd {
  width: 100%;
  height: 70px;
  background: url(../../common/img/header-nav-bg.png) repeat-x;
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%;
  z-index: 99;
  /*主体*/
  /*导航*/
  /*二维码*/
  /*用户登录成功后显示名称*/
}
.g-hd .u-arrow {
  width: 9px;
  height: 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../../common/img/arrow.png) no-repeat;
  vertical-align: middle;
}
.g-hd .m-bd {
  width: 1000px;
  height: 70px;
  margin: 0 auto;
  position: relative;
}
.g-hd .m-logo {
  float: left;
  width: 194px;
  height: 50px;
  margin-left: 5px;
}
.g-hd .m-logo img {
  position: absolute;
  top: 15px;
}
.g-hd .m-nav {
  position: absolute;
  right: 0;
}
.g-hd .m-nav li {
  float: left;
  text-align: center;
  width: 8em;
  margin-right: 10px;
  font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
  font-size: 14px;
}
.g-hd .m-nav a {
  color: #fff;
  display: block;
  font-size: 16px;
  width: 100%;
  height: 46px;
  line-height: 46px;
  margin-top: 12px;
}
.g-hd .m-nav a:hover {
  background-color: #ff6200;
  border-radius: 5px;
}
.g-hd .m-nav .z-cur {
  background-color: #ff6200;
  border-radius: 5px;
}
.g-hd .m-nav-app a {
  position: relative;
  height: 100%;
  line-height: 70px;
  margin-top: 0;
  cursor: default;
}
.g-hd .m-nav-app a:hover {
  background-color: #ff6200;
  border-radius: 0;
}
.g-hd .m-nav-app a:hover .u-arrow {
  background-position: 0 -5px;
}
.g-hd .m-nav-app a:hover .m-nav-appqr {
  display: block;
  background-color: #ff6200;
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 99;
}
.g-hd .m-nav-app .u-arrow,
.g-hd .m-nav-app .u-qr,
.g-hd .m-nav-app .u-tt {
  vertical-align: middle;
  margin-left: 5px;
}
.g-hd .m-nav-app .m-nav-appqr {
  line-height: 1em;
  display: none;
  padding: 5px 0 15px 0;
}
.g-hd .m-nav-app .m-nav-appqr span {
  font-size: 12px;
  height: 12px;
  line-height: 24px;
  display: block;
  margin: 0 auto;
}
.g-hd .m-nav-app .m-nav-appqr img {
  width: 90%;
  display: block;
  margin: 0 auto;
  vertical-align: top;
}
.g-hd .m-nav-user {
  display: none;
  position: relative;
}
.g-hd .m-nav-user ul {
  position: absolute;
  left: 0;
  top: 0;
}
.g-hd .m-nav-user ul:hover {
  background-color: #ff6200;
}
.g-hd .m-nav-user ul:hover .u-arrow {
  background-position: 0 -5px;
}
.g-hd .m-nav-user ul:hover .u-login-in,
.g-hd .m-nav-user ul:hover .u-login-out {
  display: block;
}
.g-hd .m-nav-user li {
  margin: 0;
}
.g-hd .m-nav-user .u-login-in,
.g-hd .m-nav-user .u-login-out {
  display: none;
}
.g-hd .m-nav-user .u-login-in a:hover,
.g-hd .m-nav-user .u-login-out a:hover {
  background-color: #ff8335;
  border-radius: 0;
}
.g-hd .m-nav-user .u-arrow {
  margin-left: 10px;
}
/*=== 登录框弹窗 ===*/
#login_frame {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9990;
}
.g-ft,
.m-top,
.m-ft {
  width: 100%;
}
/*前台首页、招商通用头部导航模块*/
.g-ft {
  height: 100px;
  /*页脚头*/
  /*页脚菜单*/
}
.g-ft .m-top {
  height: 50px;
  background-color: #515fb2;
}
.g-ft .m-top .m-ct {
  width: 1000px;
  height: 50px;
  margin: 0 auto;
}
.g-ft .m-top .m-mail,
.g-ft .m-top .m-qq {
  font: normal 14px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
  color: white;
  line-height: 50px;
  float: left;
}
.g-ft .m-top i {
  width: 27px;
  height: 25px;
  background: url(../../common/img/foot-icon.png) no-repeat;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  margin-right: 10px;
}
.g-ft .m-mail {
  margin: 0 75px 0 315px;
}
.g-ft .m-qq i {
  background-position: 0 -30px;
}
.g-ft .m-ft {
  height: 50px;
  background-color: #fff;
}
.g-ft .m-ft .m-nav {
  font: normal 12px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
  color: #787879;
  width: 392px;
  margin: 0 auto;
  line-height: 50px;
}
.g-ft .m-ft a {
  color: #787879;
  margin: 0 12px;
}
/*=== 翻页导航 ===*/
#fp-nav {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}
#fp-nav li {
  margin: 10px !important;
}
#fp-nav li .active {
  background: url(../../common/img/fullPage_menu_active.png) no-repeat;
  width: 62px;
  height: 33px;
  left: -43px;
  top: -8px;
}
#fp-nav em {
  color: #fff;
  font-style: normal;
  line-height: 32px;
  padding-left: .8em;
}
#fp-nav li .active span,
.fp-slidesNav .active span {
  background-color: #ff8a76 !important;
  left: auto;
  right: 7px;
  top: 12px;
}
#fp-nav span,
.fp-slidesNav span {
  background-color: #fff !important;
  border: 0 !important;
  width: 10px !important;
  height: 10px !important;
}
.f-ft-yh {
  font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
}
.f-cl-wt {
  color: white;
}
body {
  background-color: #0D7FE0;
}
/*头部导航*/
.g-hd {
  position: fixed;
  top: 0;
  left: 0;
}
/*脚部导航*/
.g-ft {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.g-ct {
  width: 100%;
}
.section {
  height: 100%;
}
.m-page1,
.m-page2,
.m-page3,
.m-page4,
.m-page5,
.m-page6,
.m-page7 {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
/*隐藏剩下页面，用js显示*/
.m-page2,
.m-page2-ft,
.m-page3,
.m-page3-ft,
.m-page4,
.m-page4-bg,
.m-page5,
.m-page6,
.m-page7 {
  display: none;
}
/*雪碧图*/
.m-page1 .m-3man,
.m-lst-bg,
.m-page1 li,
.m-page1 .u-qq,
.m-page1 .u-mail {
  background: url(../img/business/page1.png) no-repeat;
}
.m-page4-bg,
.m-page4 .m-canvas,
.fp-prev,
.fp-next {
  background: url(../img/business/page4.png) no-repeat;
}
.m-page5 i {
  background: url(../img/business/page5.png) no-repeat;
}
.m-page6 .prev i,
.m-page6 .next i {
  background: url(../img/business/page6-btn.png) no-repeat;
}
/*屏幕1*/
.m-page1 {
  /*左边的标题和3个人*/
}
.m-page1 .m-lft {
  position: absolute;
  top: 20%;
}
.m-page1 .m-lft .m-tt {
  height: 141px;
  z-index: 1;
}
.m-page1 .m-lft h2 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 12px;
}
.m-page1 .m-lft .u-tt2 {
  display: block;
  padding-left: 111px;
}
.m-page1 .m-lft img,
.m-page1 .m-lft h2 {
  vertical-align: middle;
}
.m-page1 .m-lft h2,
.m-page1 .m-lft .u-tt2 {
  color: white;
}
.m-page1 .m-lft h2 {
  font: 200 92px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
}
.m-page1 .m-lft .u-tt2 {
  font: normal 32px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
}
.m-page1 .m-lft .m-3man {
  width: 698px;
  height: 694px;
  background-position: 0 0;
  position: absolute;
  top: 50%;
  left: -80px;
}
.m-page1 .m-lst {
  width: 355px;
  height: 310px;
  position: absolute;
  right: 12px;
  top: 26%;
}
.m-page1 .m-lst ul {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
}
.m-page1 .m-lst li {
  height: 76px;
  margin-bottom: 8px;
  background-position: -335px -699px;
  text-align: center;
  position: relative;
}
.m-page1 .m-lst a {
  color: white;
  font: normal 18px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
  display: block;
  width: 100%;
  height: 100%;
  line-height: 84px;
}
.m-page1 .m-lst-bg {
  background-position: 0 -699px;
  width: 330px;
  height: 100%;
  margin: 0 auto;
}
.m-page1 .m-qq span,
.m-page1 .m-mail span {
  margin-left: 63px;
}
.m-page1 .m-mail span {
  color: white;
  font: normal 18px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
  display: block;
  line-height: 84px;
}
.m-page1 .m-qq {
  margin-top: 28px;
}
.m-page1 .m-lst .m-online {
  height: 91px;
  background-position: -335px -775px;
}
.m-page1 .u-qq {
  width: 32px;
  height: 33px;
  background-position: -335px -871px;
  position: absolute;
  top: 25px;
  left: 120px;
}
.m-page1 .u-mail {
  width: 41px;
  height: 25px;
  background-position: -335px -908px;
  position: absolute;
  top: 30px;
  left: 72px;
}
.m-page1 .m-c1 {
  width: 72px;
  height: 72px;
  position: absolute;
  top: 18%;
  left: 500px;
}
.m-page1 .m-c1 div {
  position: absolute;
}
.m-page1 .m-c1 .u-c1 {
  /*画一个圆*/
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin: 28px 0 0 28px;
}
.m-page1 .m-c1 .u-c2 {
  /*画一个圆*/
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  /*创建动画*/
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: circle_2 1.2s linear infinite;
  /* Firefox */
  -moz-animation: circle_2 1.2s linear infinite;
  /* Safari and Chrome */
  -webkit-animation: circle_2 1.2s linear infinite;
  /* Opera */
  -o-animation: circle_2 1.2s linear infinite;
  /*睡一会再执行*/
  animation-delay: 0.6s;
  /* Safari 和 Chrome */
  -webkit-animation-delay: 0.6s;
  /*放射效果*/
  /* Firefox */
  /* Safari and Chrome */
  /* Opera */
  /* IE9 */
}
@keyframes circle_2 {
  0% {
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-moz-keyframes circle_2 {
  0% {
    -moz-transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -moz-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -moz-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-webkit-keyframes circle_2 {
  0% {
    -webkit-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -webkit-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -webkit-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_2 {
  0% {
    -o-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -o-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -o-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_2 {
  0% {
    -ms-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -ms-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -ms-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
.m-page1 .m-c1 .u-c3 {
  /*画一个圆*/
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  /*创建动画*/
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: circle_3 1.2s linear infinite;
  /* Firefox */
  -moz-animation: circle_3 1.2s linear infinite;
  /* Safari and Chrome */
  -webkit-animation: circle_3 1.2s linear infinite;
  /* Opera */
  -o-animation: circle_3 1.2s linear infinite;
  /*睡一会再执行*/
  animation-delay: 1.2s;
  /* Safari 和 Chrome */
  -webkit-animation-delay: 1.2s;
  /*放射效果*/
  /* Firefox */
  /* Safari and Chrome */
  /* Opera */
  /* IE9 */
}
@keyframes circle_3 {
  0% {
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-moz-keyframes circle_3 {
  0% {
    -moz-transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -moz-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -moz-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-webkit-keyframes circle_3 {
  0% {
    -webkit-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -webkit-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -webkit-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_3 {
  0% {
    -o-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -o-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -o-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_3 {
  0% {
    -ms-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -ms-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -ms-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
.m-page1 .m-c2 {
  width: 47px;
  height: 47px;
  position: absolute;
  top: 38%;
  left: 36px;
}
.m-page1 .m-c2 div {
  position: absolute;
}
.m-page1 .m-c2 .u-c1 {
  /*画一个圆*/
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 10.44444444px;
  height: 10.44444444px;
  margin: 18.27777778px 0 0 18.27777778px;
}
.m-page1 .m-c2 .u-c2 {
  /*画一个圆*/
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 47px;
  height: 47px;
  /*创建动画*/
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: circle_2 2s linear infinite;
  /* Firefox */
  -moz-animation: circle_2 2s linear infinite;
  /* Safari and Chrome */
  -webkit-animation: circle_2 2s linear infinite;
  /* Opera */
  -o-animation: circle_2 2s linear infinite;
  /*睡一会再执行*/
  animation-delay: 0.6s;
  /* Safari 和 Chrome */
  -webkit-animation-delay: 0.6s;
  /*放射效果*/
  /* Firefox */
  /* Safari and Chrome */
  /* Opera */
  /* IE9 */
}
@keyframes circle_2 {
  0% {
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-moz-keyframes circle_2 {
  0% {
    -moz-transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -moz-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -moz-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-webkit-keyframes circle_2 {
  0% {
    -webkit-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -webkit-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -webkit-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_2 {
  0% {
    -o-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -o-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -o-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_2 {
  0% {
    -ms-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -ms-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -ms-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
.m-page1 .m-c2 .u-c3 {
  /*画一个圆*/
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 47px;
  height: 47px;
  /*创建动画*/
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: circle_3 2s linear infinite;
  /* Firefox */
  -moz-animation: circle_3 2s linear infinite;
  /* Safari and Chrome */
  -webkit-animation: circle_3 2s linear infinite;
  /* Opera */
  -o-animation: circle_3 2s linear infinite;
  /*睡一会再执行*/
  animation-delay: 1.2s;
  /* Safari 和 Chrome */
  -webkit-animation-delay: 1.2s;
  /*放射效果*/
  /* Firefox */
  /* Safari and Chrome */
  /* Opera */
  /* IE9 */
}
@keyframes circle_3 {
  0% {
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-moz-keyframes circle_3 {
  0% {
    -moz-transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -moz-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -moz-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-webkit-keyframes circle_3 {
  0% {
    -webkit-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -webkit-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -webkit-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_3 {
  0% {
    -o-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -o-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -o-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_3 {
  0% {
    -ms-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -ms-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -ms-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
.m-page1 .m-c3 {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 40%;
  left: 302px;
}
.m-page1 .m-c3 div {
  position: absolute;
}
.m-page1 .m-c3 .u-c1 {
  /*画一个圆*/
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 13.33333333px;
  height: 13.33333333px;
  margin: 23.33333333px 0 0 23.33333333px;
}
.m-page1 .m-c3 .u-c2 {
  /*画一个圆*/
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  /*创建动画*/
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: circle_2 1.5s linear infinite;
  /* Firefox */
  -moz-animation: circle_2 1.5s linear infinite;
  /* Safari and Chrome */
  -webkit-animation: circle_2 1.5s linear infinite;
  /* Opera */
  -o-animation: circle_2 1.5s linear infinite;
  /*睡一会再执行*/
  animation-delay: 0.6s;
  /* Safari 和 Chrome */
  -webkit-animation-delay: 0.6s;
  /*放射效果*/
  /* Firefox */
  /* Safari and Chrome */
  /* Opera */
  /* IE9 */
}
@keyframes circle_2 {
  0% {
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-moz-keyframes circle_2 {
  0% {
    -moz-transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -moz-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -moz-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-webkit-keyframes circle_2 {
  0% {
    -webkit-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -webkit-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -webkit-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_2 {
  0% {
    -o-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -o-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -o-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_2 {
  0% {
    -ms-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -ms-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -ms-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
.m-page1 .m-c3 .u-c3 {
  /*画一个圆*/
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  /*创建动画*/
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: circle_3 1.5s linear infinite;
  /* Firefox */
  -moz-animation: circle_3 1.5s linear infinite;
  /* Safari and Chrome */
  -webkit-animation: circle_3 1.5s linear infinite;
  /* Opera */
  -o-animation: circle_3 1.5s linear infinite;
  /*睡一会再执行*/
  animation-delay: 1.2s;
  /* Safari 和 Chrome */
  -webkit-animation-delay: 1.2s;
  /*放射效果*/
  /* Firefox */
  /* Safari and Chrome */
  /* Opera */
  /* IE9 */
}
@keyframes circle_3 {
  0% {
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-moz-keyframes circle_3 {
  0% {
    -moz-transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -moz-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -moz-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-webkit-keyframes circle_3 {
  0% {
    -webkit-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -webkit-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -webkit-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_3 {
  0% {
    -o-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -o-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -o-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_3 {
  0% {
    -ms-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -ms-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -ms-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
.m-page1 .m-c4 {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 70%;
  right: 310px;
}
.m-page1 .m-c4 div {
  position: absolute;
}
.m-page1 .m-c4 .u-c1 {
  /*画一个圆*/
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 8.88888889px;
  height: 8.88888889px;
  margin: 15.55555556px 0 0 15.55555556px;
}
.m-page1 .m-c4 .u-c2 {
  /*画一个圆*/
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  /*创建动画*/
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: circle_2 1.7s linear infinite;
  /* Firefox */
  -moz-animation: circle_2 1.7s linear infinite;
  /* Safari and Chrome */
  -webkit-animation: circle_2 1.7s linear infinite;
  /* Opera */
  -o-animation: circle_2 1.7s linear infinite;
  /*睡一会再执行*/
  animation-delay: 0.6s;
  /* Safari 和 Chrome */
  -webkit-animation-delay: 0.6s;
  /*放射效果*/
  /* Firefox */
  /* Safari and Chrome */
  /* Opera */
  /* IE9 */
}
@keyframes circle_2 {
  0% {
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-moz-keyframes circle_2 {
  0% {
    -moz-transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -moz-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -moz-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-webkit-keyframes circle_2 {
  0% {
    -webkit-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -webkit-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -webkit-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_2 {
  0% {
    -o-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -o-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -o-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_2 {
  0% {
    -ms-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -ms-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -ms-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
.m-page1 .m-c4 .u-c3 {
  /*画一个圆*/
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  /*创建动画*/
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: circle_3 1.7s linear infinite;
  /* Firefox */
  -moz-animation: circle_3 1.7s linear infinite;
  /* Safari and Chrome */
  -webkit-animation: circle_3 1.7s linear infinite;
  /* Opera */
  -o-animation: circle_3 1.7s linear infinite;
  /*睡一会再执行*/
  animation-delay: 1.2s;
  /* Safari 和 Chrome */
  -webkit-animation-delay: 1.2s;
  /*放射效果*/
  /* Firefox */
  /* Safari and Chrome */
  /* Opera */
  /* IE9 */
}
@keyframes circle_3 {
  0% {
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-moz-keyframes circle_3 {
  0% {
    -moz-transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -moz-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -moz-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-webkit-keyframes circle_3 {
  0% {
    -webkit-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -webkit-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -webkit-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_3 {
  0% {
    -o-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -o-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -o-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
@-o-keyframes circle_3 {
  0% {
    -ms-transform: scale(0.222);
    transform: scale(0.222);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    zoom: 1;
  }
  50% {
    -ms-transform: scale(0.622);
    transform: scale(0.622);
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
    zoom: 1;
  }
  98% {
    -ms-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    zoom: 1;
  }
  100% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    zoom: 1;
  }
}
.m-page2,
.m-page3,
.m-page4,
.m-page5,
.m-page6,
.m-page7 {
  z-index: 1;
}
.m-page2 h3,
.m-page3 h3,
.m-page4 h3,
.m-page5 h3,
.m-page6 h3,
.m-page7 h3 {
  font: normal 36px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
  text-align: center;
  padding-top: 11%;
}
.m-page2,
.m-page3 {
  /*平台介绍*/
}
.m-page2 .m-about,
.m-page3 .m-about {
  width: 468px;
  color: white;
  position: absolute;
  top: 18%;
}
.m-page2 .m-about strong,
.m-page3 .m-about strong {
  font: normal 21px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
}
.m-page2 .m-about p,
.m-page3 .m-about p {
  font: normal 18px/2 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
  text-indent: 2em;
  padding-top: 30px;
}
.m-page2 .m-about strong,
.m-page3 .m-about strong,
.m-page2 .m-about em,
.m-page3 .m-about em {
  color: #ffe94e;
}
.m-page2 .m-about em,
.m-page3 .m-about em {
  font-weight: normal;
}
/*屏幕2*/
.m-page2 {
  /*平台介绍图片容器*/
  /*一个人图片*/
  /*起伏的图标们*/
}
.m-page2 .m-pic {
  height: 100%;
  float: left;
}
.m-page2 .m-about {
  padding: 100px 6px 0 84px;
  right: -700px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  zoom: 1;
}
.m-page2 .u-man {
  width: 135px;
  height: 190px;
  background: url(../img/business/page2-man.png) no-repeat;
  position: absolute;
  top: 30%;
  left: 185px;
}
.m-page2 .m-icon1,
.m-page2 .m-icon2,
.m-page2 .m-icon3 {
  position: absolute;
}
.m-page2 .m-icon1 {
  width: 56px;
  top: 50%;
  left: 345px;
}
.m-page2 .m-icon1 img {
  display: block;
  margin: 0 auto;
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: icon1 1s linear 1s alternate none infinite running;
  /* Firefox */
  -moz-animation: icon1 1s linear 1s alternate none infinite running;
  /* Safari and Chrome */
  -webkit-animation: icon1 1s linear 1s alternate none infinite running;
  /* Opera */
  -o-animation: icon1 1s linear 1s alternate none infinite running;
}
@-webkit-keyframes icon1 {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(20%);
  }
}
@-ms-keyframes icon1 {
  0% {
    -ms-transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(20%);
  }
}
@-moz-keyframes icon1 {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(20%);
  }
}
@-o-keyframes icon1 {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(20%);
  }
}
@keyframes icon1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(20%);
  }
}
.m-page2 .m-icon1 .u-shadow {
  display: block;
  background-color: #000000;
  border-radius: 50%;
  width: 28px;
  height: 6px;
  margin: 0 auto;
  margin-top: 18px;
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: shadow1 1s linear 1s alternate none infinite running;
  /* Firefox */
  -moz-animation: shadow1 1s linear 1s alternate none infinite running;
  /* Safari and Chrome */
  -webkit-animation: shadow1 1s linear 1s alternate none infinite running;
  /* Opera */
  -o-animation: shadow1 1s linear 1s alternate none infinite running;
}
@-webkit-keyframes shadow1 {
  0% {
    width: 14px;
    height: 3px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 35px;
    height: 7.5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
  }
}
@-ms-keyframes shadow1 {
  0% {
    width: 14px;
    height: 3px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 35px;
    height: 7.5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
  }
}
@-moz-keyframes shadow1 {
  0% {
    width: 14px;
    height: 3px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 35px;
    height: 7.5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
  }
}
@-o-keyframes shadow1 {
  0% {
    width: 14px;
    height: 3px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 35px;
    height: 7.5px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
}
@keyframes shadow1 {
  0% {
    width: 14px;
    height: 3px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 35px;
    height: 7.5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
  }
}
.m-page2 .m-icon2 {
  width: 42px;
  top: 40%;
  left: 90px;
}
.m-page2 .m-icon2 img {
  display: block;
  margin: 0 auto;
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: icon2 1s linear 1s alternate none infinite running;
  /* Firefox */
  -moz-animation: icon2 1s linear 1s alternate none infinite running;
  /* Safari and Chrome */
  -webkit-animation: icon2 1s linear 1s alternate none infinite running;
  /* Opera */
  -o-animation: icon2 1s linear 1s alternate none infinite running;
}
@-webkit-keyframes icon2 {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(20%);
  }
}
@-ms-keyframes icon2 {
  0% {
    -ms-transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(20%);
  }
}
@-moz-keyframes icon2 {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(20%);
  }
}
@-o-keyframes icon2 {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(20%);
  }
}
@keyframes icon2 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(20%);
  }
}
.m-page2 .m-icon2 .u-shadow {
  display: block;
  background-color: #000000;
  border-radius: 50%;
  width: 21px;
  height: 5px;
  margin: 0 auto;
  margin-top: 18px;
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: shadow2 1s linear 1s alternate none infinite running;
  /* Firefox */
  -moz-animation: shadow2 1s linear 1s alternate none infinite running;
  /* Safari and Chrome */
  -webkit-animation: shadow2 1s linear 1s alternate none infinite running;
  /* Opera */
  -o-animation: shadow2 1s linear 1s alternate none infinite running;
}
@-webkit-keyframes shadow2 {
  0% {
    width: 11px;
    height: 3px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 27.5px;
    height: 7.5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
  }
}
@-ms-keyframes shadow2 {
  0% {
    width: 11px;
    height: 3px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 27.5px;
    height: 7.5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
  }
}
@-moz-keyframes shadow2 {
  0% {
    width: 11px;
    height: 3px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 27.5px;
    height: 7.5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
  }
}
@-o-keyframes shadow2 {
  0% {
    width: 11px;
    height: 3px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 27.5px;
    height: 7.5px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
}
@keyframes shadow2 {
  0% {
    width: 11px;
    height: 3px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 27.5px;
    height: 7.5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
  }
}
.m-page2 .m-icon3 {
  width: 33px;
  top: 30%;
  left: 345px;
}
.m-page2 .m-icon3 img {
  display: block;
  margin: 0 auto;
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: icon3 1s linear 1s alternate none infinite running;
  /* Firefox */
  -moz-animation: icon3 1s linear 1s alternate none infinite running;
  /* Safari and Chrome */
  -webkit-animation: icon3 1s linear 1s alternate none infinite running;
  /* Opera */
  -o-animation: icon3 1s linear 1s alternate none infinite running;
}
@-webkit-keyframes icon3 {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(20%);
  }
}
@-ms-keyframes icon3 {
  0% {
    -ms-transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(20%);
  }
}
@-moz-keyframes icon3 {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(20%);
  }
}
@-o-keyframes icon3 {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(20%);
  }
}
@keyframes icon3 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(20%);
  }
}
.m-page2 .m-icon3 .u-shadow {
  display: block;
  background-color: #000000;
  border-radius: 50%;
  width: 17px;
  height: 4px;
  margin: 0 auto;
  margin-top: 18px;
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: shadow3 1s linear 1s alternate none infinite running;
  /* Firefox */
  -moz-animation: shadow3 1s linear 1s alternate none infinite running;
  /* Safari and Chrome */
  -webkit-animation: shadow3 1s linear 1s alternate none infinite running;
  /* Opera */
  -o-animation: shadow3 1s linear 1s alternate none infinite running;
}
@-webkit-keyframes shadow3 {
  0% {
    width: 9px;
    height: 2px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 22.5px;
    height: 5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
  }
}
@-ms-keyframes shadow3 {
  0% {
    width: 9px;
    height: 2px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 22.5px;
    height: 5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
  }
}
@-moz-keyframes shadow3 {
  0% {
    width: 9px;
    height: 2px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 22.5px;
    height: 5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
  }
}
@-o-keyframes shadow3 {
  0% {
    width: 9px;
    height: 2px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 22.5px;
    height: 5px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
}
@keyframes shadow3 {
  0% {
    width: 9px;
    height: 2px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
  }
  100% {
    width: 22.5px;
    height: 5px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    zoom: 1;
  }
}
.m-page2-ft,
.m-page3-ft,
.m-page5-ft1,
.m-page5-ft2 {
  width: 100%;
  margin: 0 auto;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
}
/*平台介绍脚部*/
.m-page2-ft {
  height: 161px;
  background: url(../img/business/page2-bg.png) repeat -230px 0;
}
.m-page3 {
  /*一个人图片*/
}
.m-page3 .m-pic {
  width: 50%;
  height: 100%;
  float: right;
}
.m-page3 .m-about {
  padding: 17% 0 0 23px;
  top: 18%;
  left: -710px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  zoom: 1;
}
.m-page3 .u-man {
  width: 323px;
  height: 381px;
  background: url(../img/business/page3-man.png) no-repeat;
  margin: 25px 0 0 55px;
}
/*产品介绍脚部*/
.m-page3-ft {
  height: 90px;
  background: url(../img/business/page3-bg.png) repeat;
}
/*屏幕4背景*/
.m-page4-bg {
  width: 1152px;
  height: 544px;
  background-position: 0 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.m-page4 {
  /*屏幕4-切换按钮*/
}
.m-page4 strong {
  font: normal 21px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
  color: #de5930;
  display: block;
  text-align: center;
  padding: 64px 0;
}
.m-page4 p {
  width: 667px;
  font: normal 21px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
  color: #453530;
  text-indent: 2em;
  margin: 0 auto;
}
.m-page4 .m-canvas {
  width: 762px;
  height: 300px;
  margin: 0 auto;
  margin-top: -250px;
  background-position: 0 -554px;
}
.m-page4 .fp-prev,
.m-page4 .fp-next {
  border: 0;
  width: 60px;
  height: 60px;
}
.m-page4 .fp-prev {
  background-position: -767px -554px;
}
.m-page4 .fp-next {
  background-position: -827px -554px;
}
.m-page5 {
  width: 1007px;
  overflow: hidden;
  /*箭头-右*/
  /*箭头-上*/
  /*箭头-下*/
  /*箭头-右上*/
}
.m-page5 .m-ct {
  margin: 32px 0;
}
.m-page5 li {
  width: 126px;
  font: normal 12px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
  color: white;
  float: left;
  text-align: center;
}
.m-page5 i {
  margin: 0 auto;
  margin-bottom: 7px;
}
.m-page5 span {
  line-height: 2em;
}
.m-page5 em {
  font-weight: normal;
  font-size: 14px;
}
.m-page5 .u-root {
  font-size: 18px;
  width: 82px;
  height: 65px;
  line-height: 65px;
  background-position: 0 -204px;
}
.m-page5 .u-icon {
  width: 101px;
  height: 101px;
}
.m-page5 .u-icon1 {
  background-position: 0 0;
}
.m-page5 .u-icon2 {
  background-position: -102px 0;
}
.m-page5 .u-icon3 {
  background-position: -204px 0;
}
.m-page5 .u-icon4 {
  background-position: -306px 0;
}
.m-page5 .u-icon5 {
  background-position: 0 -102px;
}
.m-page5 .u-icon6 {
  background-position: -102px -102px;
}
.m-page5 .u-icon7 {
  background-position: -204px -102px;
}
.m-page5 .u-icon8 {
  background-position: -306px -102px;
}
.m-page5 .u-line-r {
  width: 95px;
  height: 11px;
  margin: 0 auto;
  margin-top: 45px;
  background-position: -32px -275px;
}
.m-page5 .m-start {
  margin: 20px 42px 0 0;
}
.m-page5 .m-end {
  margin-left: 80px;
}
.m-page5 .u-line-top {
  width: 11px;
  height: 95px;
  margin: 0 auto;
  background-position: -16px -274px;
}
.m-page5 .u-line-btm {
  width: 11px;
  height: 95px;
  margin: 0 auto;
  background-position: 0 -274px;
}
.m-page5 .u-line-toprt {
  width: 113px;
  height: 113px;
  margin: 0 auto;
  background-position: -32px -285px;
}
.m-page5 .m-line-box {
  height: 140px;
}
.m-page5 .m-line-box li {
  position: relative;
}
.m-page5 .m-line-box .u-line1,
.m-page5 .m-line-box .u-line2,
.m-page5 .m-line-box .u-line3,
.m-page5 .m-line-box .u-line4 {
  position: absolute;
  top: 22px;
}
.m-page5 .m-line-box .u-line1 {
  left: 475px;
}
.m-page5 .m-line-box .u-line2 {
  left: 725px;
}
.m-page5 .m-line-box .u-line3 {
  left: 775px;
}
.m-page5 .m-line-box .u-line4 {
  left: 930px;
}
/*平台介绍脚部*/
.m-page5-ft1,
.m-page5-ft2 {
  height: 134px;
}
.m-page5-ft1 {
  background: url(../img/business/page5-wave1.png);
  /*起伏动画*/
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: up_down1 1.5s linear 0.5s alternate none infinite running;
  /* Firefox */
  -moz-animation: up_down1 1.5s linear 0.5s alternate none infinite running;
  /* Safari and Chrome */
  -webkit-animation: up_down1 1.5s linear 0.5s alternate none infinite running;
  /* Opera */
  -o-animation: up_down1 1.5s linear 0.5s alternate none infinite running;
}
@-webkit-keyframes up_down1 {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(20%);
  }
}
@-ms-keyframes up_down1 {
  0% {
    -ms-transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(20%);
  }
}
@-moz-keyframes up_down1 {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(20%);
  }
}
@-o-keyframes up_down1 {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(20%);
  }
}
@keyframes up_down1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(20%);
  }
}
.m-page5-ft2 {
  background: url(../img/business/page5-wave2.png);
  /*起伏动画*/
  /*
    animation 属性简写
    1.animation-name：规定需要绑定到选择器的 keyframe 名称
    2.animation-duration：规定完成动画所花费的时间，以秒或毫秒计
    3.animation-timing-function：规定动画的速度曲线
    4.animation-delay：规定在动画开始之前的延迟
    5.animation-iteration-count：规定动画应该播放的次数
    6.animation-direction：规定是否应该轮流反向播放动画
    */
  animation: up_down2 1.5s linear 2s alternate none infinite running;
  /* Firefox */
  -moz-animation: up_down2 1.5s linear 2s alternate none infinite running;
  /* Safari and Chrome */
  -webkit-animation: up_down2 1.5s linear 2s alternate none infinite running;
  /* Opera */
  -o-animation: up_down2 1.5s linear 2s alternate none infinite running;
}
@-webkit-keyframes up_down2 {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(20%);
  }
}
@-ms-keyframes up_down2 {
  0% {
    -ms-transform: translateY(0);
  }
  100% {
    -ms-transform: translateY(20%);
  }
}
@-moz-keyframes up_down2 {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(20%);
  }
}
@-o-keyframes up_down2 {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(20%);
  }
}
@keyframes up_down2 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(20%);
  }
}
/*屏幕6*/
.m-page6-bg {
  background: url(../img/business/page6-bg.png) repeat;
}
.m-page6 {
  /*合作伙伴*/
}
.m-page6 h3 {
  color: #505050;
}
.m-page6 .m-partner {
  margin: 32px 0;
}
.m-page6 .m-partner li {
  width: 225px;
  height: 85px;
  line-height: 85px;
  border: 1px solid #e2e2e2;
  background-color: white;
  display: inline;
  float: left;
  position: relative;
  margin-bottom: 32px;
  text-align: center;
}
.m-page6 .m-partner a {
  cursor: default;
}
.m-page6 .m-partner img {
  vertical-align: middle;
}
.m-page6 .m-partner .f-marg-w {
  margin: 0 159px;
}
.m-page6 .m-applst {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.m-page6 .m-applst ul {
  width: 100%;
  height: 120px;
  padding: 0 60px;
  margin: 0 auto;
}
.m-page6 .m-applst li {
  width: 175px;
  height: 118px;
  border-bottom: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  background-color: white;
  float: left;
  position: relative;
}
.m-page6 .m-applst p {
  width: 100%;
  height: 90px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.m-page6 .m-applst img {
  margin-bottom: 4px;
}
.m-page6 .m-applst span {
  display: block;
}
.m-page6 .m-applst .prev,
.m-page6 .m-applst .next {
  display: block;
  height: 118px;
  width: 59px;
  background-color: white;
  border: 1px solid #e2e2e2;
  position: absolute;
  top: 0;
}
.m-page6 .m-applst .prev i,
.m-page6 .m-applst .next i {
  width: 14px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -7px;
}
.m-page6 .m-applst .prev i {
  background-position: 0 0;
}
.m-page6 .m-applst .next {
  border-left: 0;
  right: 0;
}
.m-page6 .m-applst .next i {
  background-position: -14px 0;
}
/*屏幕7*/
.m-page7 {
  height: 582px;
}
.m-page7 h3 {
  margin-bottom: 32px;
}
.m-page7 .m-fm {
  width: 702px;
  margin: 0 auto;
  position: relative;
  /*插件错误提示框*/
}
.m-page7 .m-fm span,
.m-page7 .m-fm input {
  font-family: "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53";
}
.m-page7 .m-fm li {
  width: 50%;
  float: left;
  font-size: 0;
}
.m-page7 .m-fm span {
  color: white;
  font-size: 14px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 76px;
  text-align: right;
}
.m-page7 .m-fm input {
  width: 212px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 25px;
}
.m-page7 .m-fm input[type=text] {
  font-size: 16px;
  border: 1px solid white;
  padding: 0 14px;
}
.m-page7 .m-fm input[type=text]:focus {
  border-radius: 2px;
  border: 1px solid #f27224;
}
.m-page7 .m-fm .m-vcode,
.m-page7 .m-fm .m-btn {
  width: 100%;
}
.m-page7 .m-fm .m-vcode a {
  margin-left: 30px;
  display: inline;
}
.m-page7 .m-fm .m-vcode img {
  vertical-align: top;
  width: 180px;
  height: 50px;
}
.m-page7 .m-fm .m-btn {
  padding-left: 76px;
  position: relative;
}
.m-page7 .m-fm .m-btn input {
  background-color: #999;
  color: white;
  font-size: 18px;
  width: 240px;
  height: 40px;
}
.m-page7 .m-fm .z-true input {
  background-color: #f77d1b;
  cursor: pointer;
}
.m-page7 .m-fm .z-true input:hover {
  background-color: #F98529;
}
.m-page7 .m-fm .u-tips {
  border: 1px solid red;
  background-color: #fff;
  font-size: 14px;
  color: red;
  padding: 3px;
  display: none;
  position: absolute;
  left: 347px;
  top: 12px;
}
.m-page7 .m-blackboard {
  position: absolute;
  right: 10px;
  top: 60%;
}
/*IE兼容样式*/
.ie7 .m-page1 .m-c1 .u-c1,
.ie8 .m-page1 .m-c1 .u-c1,
.ie9 .m-page1 .m-c1 .u-c1,
.ie7 .m-page1 .m-c2 .u-c1,
.ie8 .m-page1 .m-c2 .u-c1,
.ie9 .m-page1 .m-c2 .u-c1,
.ie7 .m-page1 .m-c3 .u-c1,
.ie8 .m-page1 .m-c3 .u-c1,
.ie9 .m-page1 .m-c3 .u-c1,
.ie7 .m-page1 .m-c4 .u-c1,
.ie8 .m-page1 .m-c4 .u-c1,
.ie9 .m-page1 .m-c4 .u-c1,
.ie7 .m-page1 .m-c1 .u-c2,
.ie8 .m-page1 .m-c1 .u-c2,
.ie9 .m-page1 .m-c1 .u-c2,
.ie7 .m-page1 .m-c2 .u-c2,
.ie8 .m-page1 .m-c2 .u-c2,
.ie9 .m-page1 .m-c2 .u-c2,
.ie7 .m-page1 .m-c3 .u-c2,
.ie8 .m-page1 .m-c3 .u-c2,
.ie9 .m-page1 .m-c3 .u-c2,
.ie7 .m-page1 .m-c4 .u-c2,
.ie8 .m-page1 .m-c4 .u-c2,
.ie9 .m-page1 .m-c4 .u-c2,
.ie7 .m-page1 .m-c1 .u-c3,
.ie8 .m-page1 .m-c1 .u-c3,
.ie9 .m-page1 .m-c1 .u-c3,
.ie7 .m-page1 .m-c2 .u-c3,
.ie8 .m-page1 .m-c2 .u-c3,
.ie9 .m-page1 .m-c2 .u-c3,
.ie7 .m-page1 .m-c3 .u-c3,
.ie8 .m-page1 .m-c3 .u-c3,
.ie9 .m-page1 .m-c3 .u-c3,
.ie7 .m-page1 .m-c4 .u-c3,
.ie8 .m-page1 .m-c4 .u-c3,
.ie9 .m-page1 .m-c4 .u-c3 {
  display: none;
}
.ie7 .m-page1 .m-c1,
.ie8 .m-page1 .m-c1,
.ie9 .m-page1 .m-c1 {
  background: url(../img/business/page1-circle72.png) no-repeat;
}
.ie7 .m-page1 .m-c2,
.ie8 .m-page1 .m-c2,
.ie9 .m-page1 .m-c2 {
  background: url(../img/business/page1-circle47.png) no-repeat;
}
.ie7 .m-page1 .m-c3,
.ie8 .m-page1 .m-c3,
.ie9 .m-page1 .m-c3 {
  background: url(../img/business/page1-circle60.png) no-repeat;
}
.ie7 .m-page1 .m-c4,
.ie8 .m-page1 .m-c4,
.ie9 .m-page1 .m-c4 {
  background: url(../img/business/page1-circle40.png) no-repeat;
}
.ie7 .m-page4 .m-canvas {
  margin-top: 100px;
}
.ie7 .m-page5 .u-line2 {
  left: 600px;
}
.ie7 .m-page5 .u-line3 {
  left: 525px;
}
.ie7 .m-page5 .u-line4 {
  left: 555px;
}
.ie7 .m-page6 .m-applst p {
  position: relative;
}
